<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/static/style/elementui_index.css?v={{newrandom}}">
  <link rel="stylesheet" href="/static/style/index.css?v={{newrandom}}">
</head>

<body>
  <!-- 显示数据内容: -->
  <div class="box" id="App" v-loading="isloading">
    <el-container>
      <el-header class="file-title">文件解析系统</el-header>
      <span>{{ key }}</span>
      <el-main>
        <el-container>
          <el-header>
            <!-- action="/postfile" -->
            <!-- <el-upload class="upload-demo" :on-change="handleChange"> -->
            <span class="updata-text">选择上传文件:</span>
            <el-button size="small" type="primary" @click="handleChange">点击上传</el-button>
          </el-header>
          <el-main class="main-box" v-if="file_path!=''">
            当前解析文件：<span>{% verbatim %} {{ file_path }} {% endverbatim %}</span>
          </el-main>
        </el-container>
        <el-container>
          <el-main>
            <div class="box1-select">
              <!-- multiple -->
              <el-select filterable v-model="select_broker" placeholder="请选择券商" @change="handleSelect1">
                <el-option v-for="item in broker_arr" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
              <el-select v-if="select_broker != '' && date_arr.length>0" v-model="select_date" @change="handleSelect2" placeholder="请选择日期">
                <el-option v-for="item in date_arr" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </div>
            <div class="box-table" v-if="tableData.length > 0">
              <el-table :data="tableData" style="width: 100%" height="432">
                <el-table-column  prop="title" label="券" width="150">
                </el-table-column>
                <el-table-column  prop="title_bp1" label="0-5BP" width="120">
                </el-table-column>
                <el-table-column prop="title_bp2" label="5-10BP" width="120">
                </el-table-column>
                <el-table-column prop="title_bp3" label="10-20BP" width="120">
                </el-table-column>
                <el-table-column prop="title_bp4" label="20-30BP" width="120">
                </el-table-column>
                <el-table-column prop="title_bp5" label="30-50BP" width="120">
                </el-table-column>
                <el-table-column prop="title_bp6" label=">50BP" width="120">
                </el-table-column>
                <el-table-column prop="total" label="合计" width="120">
                </el-table-column>
              </el-table>
            </div>
          </el-main>
        </el-container>
      </el-main>
    </el-container>
    <!-- <span>{{key}}{{test}}</span> -->
    <!-- @change="fileUpdata" -->
    <input id="myFile" name="myFile" value="上传图片" type="file" ref="myFiles" style="display: none" />
  </div>
  <script src="/static/js/vue.min.js?v={{newrandom}}"></script>
  <script src="/static/js/elementui_index.js?v={{newrandom}}"></script>
  <script src="/static/js/jquery.js?v={{newrandom}}"></script>
  <script src="/static/js/main.js?v={{newrandom}}"></script>
</body>

</html>